<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .liu{
            text-align: center;
            background-color: rgba(118, 93, 179, 0.267);
        }
        .wen{
            text-align: right;
        }
        .xin{
            color: red;
        }
        .tex {
            width: 500px;
            height: 100px;
        }
        .but{
            text-align: center;
        }
    </style>
</head>
<body>
    <table  border="1" cellpadding="0" cellspacing="0">
        <tr>
            <td class="liu" colspan="2">留言簿</td>
        </tr>
        <tr>
            <td class="wen">您的姓名：</td>
            <td class="xin"><input type="text" style="width: 200px;">*</td>
        </tr>
        <tr>
            <td class="wen">您的邮箱：</td>
            <td class="xin"><input type="text" style="width: 200px;">*</td>
        </tr>
        <tr>
            <td class="wen">您的网站：</td>
            <td><input type="text" style="width: 200px;" value="http://"></td>
        </tr>
        <tr>
            <td class="wen">其他联系方式：</td>
            <td class="xin"><input type="text" style="width: 200px;">*<span style="color: black;">(如QQ，电话等)</span></td>
        </tr>
        <tr>
            <td class="wen">留言内容：<br><span class="xin">(200字以内)</span></td>
            <td class="xin"><textarea class="tex"></textarea>*</td>
        </tr>
        <tr>
            <td class="wen">请选择表情：</td>
            <td>
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face1.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face2.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face3.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face4.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face5.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face6.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face7.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face8.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face9.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face10.gif" alt="">
                <br>
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face11.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face12.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face13.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face14.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face15.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face16.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face17.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face18.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face19.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\face20.gif" alt="">
            </td>
        </tr>
        <tr>
            <td class="wen" width="150">请选择头像：</td>
            <td width="600">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic1.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic2.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic3.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic4.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic5.gif" alt="">
                <br>
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic6.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic7.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic8.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic9.gif" alt="">
                <input type="radio"><img src="D:\HTMLCode\实验\实验四\实验四图片\pic10.gif" alt="">
                
            </td>
        </tr>
        <tr>
            <td colspan="2" class="but"><button>提交留言</button>&nbsp&nbsp&nbsp&nbsp&nbsp <button>重新填写</button> </td>
        </tr>
    </table>
</body>
</html>